<template>
	<up-cell-group :border="false">
		<up-cell title="用户服务协议" isLink @click="open()">
			<template #icon>
				<img src="@/static/agreement.png" alt="" style="width:40rpx;height:40rpx;" />
			</template>
		</up-cell>
	</up-cell-group>
	<up-popup :show="show" @close="close" mode="center" @open="open" closeable :round="10">
		<view class="content">
			<up-parse :content="content"></up-parse>
		</view>
	</up-popup>
</template>

<script>
	export default {

		data() {
			return {
				show: false,
				content: `  
							<p>露从今夜白，月是故乡明</p>  
							<img src="https://cdn.uviewui.com/uview/swiper/2.jpg" alt="Image Description" />  
						`
			}
		},
		methods: {
			open() {
				this.show = true
			},
			close(){
				this.show = false
			}
		}
	}
</script>

<style>
	.content {
		width: 690rpx;
		height: 1096rpx;
		background: #fff;
	}
</style>